<template>
  <van-tabbar v-model="active" router>
    <van-tabbar-item replace to ="/Home" icon="home-o">首页</van-tabbar-item>
    <van-tabbar-item replace to ="/Category" icon="qr">分类</van-tabbar-item>
    <van-tabbar-item replace to ="/Cart" icon="shopping-cart-o">购物车</van-tabbar-item>
    <van-tabbar-item replace to ="/Me" icon="contact">我的</van-tabbar-item>
  </van-tabbar>
</template>

<script>
  export default {
    data() {
      return {
        active: 0
        // icon: {
        //   active: 'https://img01.yzcdn.cn/vant/user-active.png',
        //   inactive: 'https://img01.yzcdn.cn/vant/user-inactive.png',
        }
      }
    }
</script>

<style scoped>
  .van-tabbar {
    box-shadow: 0 0 10px 0 hsl(0deg 6% 58% / 60%);
  }
</style>
